.scrollContainer {
    height: 100vh;
}
.hd-support {
    z-index: -1;
    position: fixed;
    width: 100%;
    bottom: 0;
    font-size: 14px;
    text-align: center;
    height:50px;
    line-height: 50px;
    background-color: #eee;
}


.mbs-search-bar {
	position:relative;
	padding:8px 10px;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	box-sizing:border-box;
	background-color:#efeff4;
	border-top:1rpx solid #d7d6dc;
	border-bottom:1rpx solid #d7d6dc
}
.mbs-icon-search {
	margin-right:8px;
	font-size:inherit
}
.mbs-icon-search_in-box {
	position:absolute;
	left:10px;
	top:7px
}
.mbs-search-bar__text {
	display:inline-block;
	font-size:14px;
	vertical-align:middle;
  margin-top: -4px;
}
.mbs-search-bar__form {
	position:relative;
	-webkit-box-flex:1;
	-webkit-flex:auto;
	flex:auto;
	border-radius:5px;
	background:#fff;
	border:1rpx solid #e6e6ea
}
.mbs-search-bar__box {
	position:relative;
	padding-left:30px;
	padding-right:30px;
	width:100%;
	box-sizing:border-box;
	z-index:1
}
.mbs-search-bar__input {
	height:28px;
	line-height:28px;
	font-size:14px
}
.mbs-icon-clear {
	position:absolute;
	top:0;
	right:0;
	padding:7px 8px;
	font-size:0
}
.mbs-search-bar__label {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:2;
	border-radius:3px;
	text-align:center;
	color:#9b9b9b;
	background:#fff;
	line-height:28px
}
.mbs-search-bar__cancel-btn {
	margin-left:10px;
	line-height:28px;
	white-space:nowrap;
  font-size:28rpx;
}

.searchbar-result{
    margin-top: 0;
    font-size: 28rpx;
    position: absolute;
    z-index: 999;
    width: 100%;
}
.searchbar-result:before{
    display: none;
}
.mbs-cells {
  background-color:#fff;
  line-height:1.5;
}

.mbs-cell{
    padding: 12px 15px 12px 35px;
}

.container {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #939393;
}

.categories {
  height:100%;
  width:25%;

}
.categories scroll-view{
  height: 100%;
  border-right:1px solid #ccc;
}

.category {
  text-align: center;
  padding: 20rpx;
  font-size: 22rpx;
  border-bottom: 1px solid #ccc;
  background: #efefef;
}

.category.active {
  background: #fff;
  border-right:none;
}

.products {
  position: absolute;
  top: 0;
  right: 0;
  flex: 1;
  width: 75%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
  background: #fff;
  justify-content: space-between;
  display: flex;
}

.products .product{
  float: left;
  width: 48%;
  height: 120px;
}

.products .product .thumb{
  width: 100%;
  height: 80px;
}

.products .product .thumb image{
  width: 100%;
  height: 100%;
}

.products .product .info{
  flex:1;
  -webkit-box-flex: 1;
  padding:10rpx;
  display: flex;
  flex-direction: column;
  justify-content:  space-around;
}

.products .product .info .title{
  width: 100%;
  height: 20px;
  display: block;
  margin-top: 5px;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: rgb(117, 117, 117);
}

.products .product .info .saleInfo {
  width: 100%;
  height: 20px;
  font-size: 12px;
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 5rpx;
  padding-right: 5rpx;
}

.products .product .info .saleInfo .price{
  color: red;
}

.products .empty{
  width: 100%;
  font-size: 26rpx;
  text-align: center;
}

/* !Do not Remove the follow line, used for build tool.*/
/*{ComponentCss}*/
